
.form-search{
  .el-input__inner,.el-checkbox-group,.el-radio-group{
    //background: url("~@/assets/images/ipt-bg.png") no-repeat;
    //background-size: 100% 100%;
    //background: linear-gradient(180deg, rgba(33,160,229,0.2) 0%, rgba(39,100,165,0.2) 100%);
    //box-shadow: inset 0px 0px 10px 0px rgba(63,255,236,0.4);
    opacity: 1;
    border-image: linear-gradient(90deg, rgba(96.00000187754631, 255, 255, 0.3), rgba(96.00000187754631, 255, 255, 1), rgba(96.00000187754631, 255, 255, 0.3)) 1 1;
    height: 32px;
    color: #fff;
    font-size: 14px;
    //font-weight: bold;
    //border: none;
    border-radius: 4px;
    border: 1px solid rgb(64, 229, 240);
    background: #202f3e;
    line-height: 32px;
  }
  .el-range-input{
    background: transparent;
    font-size: 16px;
    //font-weight: bold;
    color: #fff;
  }
  .el-form-item__label{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
  }
  .el-form-item{
    margin-bottom: 0;
  }
  .el-date-editor .el-range-separator{
    color: #fff;
  }
  .el-textarea__inner,.el-textarea.is-disabled .el-textarea__inner{
    opacity: 1;
    border-image: linear-gradient(90deg, rgba(96.00000187754631, 255, 255, 0.3), rgba(96.00000187754631, 255, 255, 1), rgba(96.00000187754631, 255, 255, 0.3)) 1 1;
    //height: 32px;
    color: #fff;
    font-size: 14px;
    //font-weight: bold;
    //border: none;
    border-radius: 4px;
    border: 1px solid rgb(64, 229, 240);
    background: #202f3e;
    //line-height: 32px;
    font-family: SourceHanSansSC-Regular, "微软雅黑", Microsoft YaHei
  }
  .el-checkbox__label,.el-radio__label{
    color: #E4F7FF;
  }
  .el-checkbox__inner{
    background: rgba(216,216,216,0.2);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border:none ;
  }
  .el-radio__inner{
    background: rgba(216,216,216,0.2);
    border:none ;
  }
  .el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{
    color: rgba(58, 173, 153, 1);
  }
  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner{
    background-color: rgba(58, 173, 153, 1);
    border-color: rgba(58, 173, 153, 1);
  }
  .el-radio{
    height: 32px;
    display: inline-block;
    line-height: 32px;
  }
  .el-checkbox-group,.el-radio-group{
    padding-left: 16px;
    width: 100%;
  }
  &.el-form--inline .el-form-item{
    margin-right: 20px;
    .el-select .el-input.is-focus .el-input__inner,.el-select .el-input__inner:focus{
      border-color: rgb(64,229,240);
    }
  }
}
.form-style{
  .el-form-item__label{
    font-size: 14px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    color: #FFFFFF;
  }
  .el-checkbox-group,.el-radio-group{
    padding-left: 30px;
  }
  .el-input{
    position: relative;
  }
  .el-input::before,.el-textarea:before,.el-checkbox-group::before,.el-radio-group:before{
    box-sizing: content-box;
    position: absolute;
    left:0;
    border-bottom: 4px solid RGBA(10, 29, 49, 1);
    border-top: 4px solid transparent;
    border-left: 4px solid RGBA(10, 29, 49, 1);
    border-right: 4px solid transparent;
    display: block;
    content: '';
    z-index: 2;
    bottom: 0;
  }
  .el-input__inner,.el-checkbox-group,.el-radio-group,.el-input.is-disabled .el-input__inner{
    //background: url("~@/assets/images/ipt-bg.png") no-repeat;
    //background-size: 100% 100%;
    background: linear-gradient(180deg, rgba(33,160,229,0.2) 0%, rgba(39,100,165,0.2) 100%) !important;
    box-shadow: inset 0px 0px 10px 0px rgba(63,255,236,0.4);
    opacity: 1;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(96.00000187754631, 255, 255, 0.3), rgba(96.00000187754631, 255, 255, 1), rgba(96.00000187754631, 255, 255, 0.3)) 1 1;
    height: 42px;
    color: #E4F7FF;
    border-radius: 0;

  }
  .el-textarea__inner,.el-textarea.is-disabled .el-textarea__inner{
    background: linear-gradient(180deg, rgba(33,160,229,0.2) 0%, rgba(39,100,165,0.2) 100%);
    box-shadow: inset 0px 0px 10px 0px rgba(63,255,236,0.4);
    opacity: 1;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(96.00000187754631, 255, 255, 0.3), rgba(96.00000187754631, 255, 255, 1), rgba(96.00000187754631, 255, 255, 0.3)) 1 1;
    color: #E4F7FF;
    height: 82px;
    border-radius: 0;
    resize: none;
  }

  .el-checkbox__label,.el-radio__label{
    color: #E4F7FF;
  }
  .el-checkbox__inner{
    background: rgba(216,216,216,0.2);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border:none ;
  }
  .el-radio__inner{
    background: rgba(216,216,216,0.2);
    border:none ;
  }
  .el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{
    color: rgba(58, 173, 153, 1);
  }
  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner{
    background-color: rgba(58, 173, 153, 1);
    border-color: rgba(58, 173, 153, 1);
  }
  .el-radio{
    height: 40px;
    display: inline-block;
    line-height: 40px;
  }
  .el-form-item{
    margin-bottom: 8px;
  }
  .el-select,.el-date-editor,.el-radio-group{
    width: 354px;
    box-sizing: border-box;
  }
  .el-upload-list__item-name{
    color: rgba(60, 167, 255, 1);
    font-size: 14px;
  }
  .el-upload-list__item-name [class^=el-icon]{
    color: rgba(60, 167, 255, 1);
  }
  .el-upload-list__item:hover {
    background-color: rgba(0,0,0,.6);
  }
  .el-upload-list__item .el-icon-close{
    color: red;
  }
}
// radio-group
#radio-group {
  .el-radio-button .el-radio-button__inner {
    border-radius: 0;
    border-color: rgba(0,255,211,0.19);
    background-color: rgba(0,180,255,0.11);
    color: #fff;
  }
  .el-radio-button__inner {

  }
  .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    border: 1px solid rgba(0,255,211,0.4) !important;
  }
}

// 时间组件下拉样式
.el-picker-panel {
  background-color: rgba(0,0,0,.8) !important;
  border: 1px solid #3aad99 !important;
  color:  rgba(255, 255, 255, .7)!important;
  .el-date-range-picker__content.is-left {
    border-right: 1px solid #3aad99 !important;
  }
  .el-month-table td .cell {
    color:  rgba(255, 255, 255, .7);
  }
  .el-picker-panel__icon-btn {
    color:  rgba(255, 255, 255, .7);
  }
  .el-month-table td.today .cell {
    color: #00FFBE;
  }
  .available.in-range div {
    background: rgba(58,173,153,.5) !important;
  }
  .el-date-table td.end-date span, .el-date-table td.start-date span {
    background-color: rgba(58,173,153,.8) !important;
  }
  .el-month-table td.in-range div, .el-month-table td.in-range div:hover {
    background: rgba(58,173,153,.5) !important;
  }
  .el-month-table td.end-date .cell, .el-month-table td.start-date .cell {
    background-color: rgba(58,173,153,.8) !important;
  }
  .el-picker-panel__body {
    .el-input__inner {
      color: #fff
    }
    .el-input__inner, .el-input.is-disabled .el-input__inner {
      background-color: transparent;
    }
    .el-time-panel {
      background-color: #3aad99;
      .el-time-spinner__item:hover:not(.disabled):not(.active) {
        background-color: transparent;
        color: #000;
      }
      .el-time-panel__btn.confirm {
        color: #000
      }
      .el-time-panel__btn {
        &:hover {
          color: #fff;
        }
      }
    }
  }
  .el-picker-panel__footer {
    background-color: transparent;
    .el-button {
      color: rgba(58, 173, 153, 1);
      background-color: transparent;
      border-color: transparent;
      &.el-button--text {
        color: rgba(58, 173, 153, .7);;
      }
      &.is-disabled.is-plain{
        color: #C0C4CC;
        background-color: transparent;
        border-color: transparent;
      }
      &:hover {
        color: #409EFF;
        background-color: transparent;
        border-color: transparent;
      }
    }

  }
}
.el-date-editor {
  .el-range-input {
    background: transparent;
    color: #fff;
  }
  .el-range-separator {
    color: rgba(255, 255, 255, .7);
  }
  .el-range__icon, .el-range-separator {
    line-height: 24px !important;
  }
}
// 查询表单样式
.search-form.el-form {
  // 去除input margin-bottom值
  &.item-no-margin {
    .el-form-item {
      margin-bottom: 0;
    }
  }
  .el-form-item__label {
    color: rgba(255, 255, 255, .7);
  }
  .el-input__inner {
    background-size: contain;
    border-radius: 0;
    min-width: 224.1px;
    border: 1px solid #3aad99;
    background-color: rgba(0,0,0,.3);
    color: #fff;
  }
  .el-date-editor {
    .el-range-input {
      background: transparent;
      color: #fff;
    }
    .el-range-separator {
      color: rgba(255, 255, 255, .7);
    }
    .el-range__icon, .el-range-separator {
      line-height: 24px !important;
    }
  }
  .el-input.is-disabled .el-input__inner {
    opacity: 1;
    -o-border-image: linear-gradient(90deg, rgba(96, 255, 255, 0.3), #60ffff, rgba(96, 255, 255, 0.3)) 1 1;
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(96, 255, 255, 0.3)), color-stop(#60ffff), to(rgba(96, 255, 255, 0.3))) 1 1;
    border-image: linear-gradient(90deg, rgba(96, 255, 255, 0.3), #60ffff, rgba(96, 255, 255, 0.3)) 1 1;
    height: 32px;
    color: #fff;
    font-size: 14px;
    //font-weight: bold;
    border-radius: 4px;
    border: 1px solid #40e5f0;
    background: #202f3e;
  }
  .el-select {
    &:hover .el-input__inner {
      border: 1px solid #00FFBE;
    }
    .el-input.is-focus {
      .el-input__inner {
        border-color: #00FFBE;
      }
    }
    .el-tag.el-tag--info {
      background: rgba(#3aad99, .7);
      border-color: rgba(#3aad99, .9);
      color: #fff;
    }
  }

  .el-button {
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 26px;
    border-radius: 0;
    border-image-source: linear-gradient(to bottom , rgba(0, 178, 255, 1), rgba(0, 231, 255, 1));
    border-image-slice: 1;
    &.form-btn-primary {
      background: linear-gradient(to bottom , rgba(0, 178, 255, 0), rgba(0, 231, 255, .7));
    }
  }
}
.form-btn.back-btn.el-button {
  color: #fff;
  //padding: 9px 32px;
  border-radius: 0;
  border-image-source: linear-gradient(to bottom , rgba(0, 178, 255, 1), rgba(0, 231, 255, 1));
  border-image-slice: 1;
  &.form-btn-primary {
    background: linear-gradient(to bottom , rgba(0, 178, 255, 0), rgba(0, 231, 255, .7));
  }
  &:hover {
    color: #fff;
  }
}
.el-input.is-disabled .el-input__inner {
  opacity: 1;
  -o-border-image: linear-gradient(90deg, rgba(96, 255, 255, 0.3), #60ffff, rgba(96, 255, 255, 0.3)) 1 1;
  border-image: -webkit-gradient(linear, left top, right top, from(rgba(96, 255, 255, 0.3)), color-stop(#60ffff), to(rgba(96, 255, 255, 0.3))) 1 1;
  border-image: linear-gradient(90deg, rgba(96, 255, 255, 0.3), #60ffff, rgba(96, 255, 255, 0.3)) 1 1;
  height: 32px;
  color: #fff;
  font-size: 14px;
  //font-weight: bold;
  border-radius: 4px;
  border: 1px solid #40e5f0;
  background: #202f3e;
}
.form-search .el-form-item__label {
  color: #c6d3ec;
}
// 下拉选项样式
.el-select-dropdown,.el-select-dropdown.is-multiple  {
  background: #041a35 !important;
  border: 1px solid #40e5f0 !important;
  min-width: 221.4px;
  box-shadow: none;
  .el-select-dropdown__item {
    font-size: 18px !important;
    color: rgba(255, 255, 255, .7);
    height: 34px !important;
    line-height: 34px !important;
    span {
      display: inline-block;
      line-height: 34px !important;
    }
    &.selected,&.selected.hover {
      color: #fff;
      background-color: #00aeff;
    }
    &.hover {
      background:#00aeff;
      color: #fff;
    }
  }
}
.el-select-dropdown.el-popper {

    .popper__arrow {
      left: 50% !important;
    }
    .popper__arrow:after {
      border-bottom-color: #40e5f0 !important;
      left: 50%;
    }

}
.el-select .el-tag{
  background-color: rgb(36,115,157);
}
.el-tag.el-tag--info{
  color: #fff;
}
.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #3aad99;
  border-color: #3aad99;
}
